// pages/hero/detail/detail.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    skins: [],
    shortBio:''// 简介
  },

  getDetail(id) {
    return new Promise((resolve, reject) => {
      wx.request({
        url: 'https://api-vue-base.itheima.net/api/lol/info',
        data: {
          id
        },
        success: (res) => {
          resolve(res.data)
        }
      })
    })

  },
  /**
   * 生命周期函数--监听页面加载
   */
  async onLoad(options) {
    // console.log(options)
    const {
      id
    } = options;
    const res = await this.getDetail(id)
    console.log(res)
    // 找到 mainImg不为空的
    // 映射出 地址数组
    // filter 筛选
    // map 映射 
    const skins = res.data.skins.filter(v => v.mainImg !== '').map(v => v.mainImg)
    //  console.log(skins)
    this.setData({
      skins,
      shortBio:res.data.hero.shortBio
    })

    // 动态修改标题
    wx.setNavigationBarTitle({
      title: res.data.hero.name,
    })
  },


  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})